<!DOCTYPE html>
<html lang="en">
<head>
    <title>Cirquity - Mining Pool</title>
    <meta charset="utf-8">
    <meta name="description" content="A private, fast, and easy way to send money to friends and businesses">
    <meta name="author" content="The Cirquity Developers">
    <meta name="keywords" content="cirq, cirquity, cryptocurrency, private, fast, secure">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="apple-touch-icon" sizes="180x180" href="/img/icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png">
    <link rel="manifest" href="/img/icons/site.webmanifest">
    <link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#335eea">
    <link rel="shortcut icon" href="/img/icons/favicon.ico">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-config" content="/img/icons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <link rel="stylesheet" href="/css/app.min.css">

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <header>
        <nav class="navbar navbar-expand-lg navbar-light fixed-top justify-content-between py-3 mb-3">
            <div class="container">
                <a class="navbar-brand  translatable" href="/">
                    <img src="/img/logo.png" alt="Cirquity">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link translatable" href="index.html" data-translate-key="dashboard">Dashboard</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link translatable" href="start.html" data-translate-key="gettingStarted">Getting Started</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle active" href="#" id="navbarDropdownDetails" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-translate-key="details">Details</a>
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownDetails" id="detailsMenu">
                                <a class="dropdown-item translatable" href="statistics.html" data-translate-key="yourStats">My Stats</a>
                                <a class="dropdown-item translatable" href="blocks.html" data-translate-key="poolBlocks">Pool Blocks</a>
                                <a class="dropdown-item translatable" href="payments.html" data-translate-key="payments">Payments</a>
                                <a class="dropdown-item translatable" href="top.html" data-translate-key="top10miners">Top 10 Miners</a>
                                <a class="dropdown-item translatable" href="market.html" data-translate-key="market">Market / Calculator</a>
                                <a class="dropdown-item translatable active" href="settings.html" data-translate-key="settings">Settings</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item translatable" href="faq.html" data-translate-key="faq">FAQ</a>
                            </div>
                        </li>
                        <li class="nav-item ml-md-4" id="langSelector"></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <main>
        <section id="statistics" class="statistics">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="row align-items-center mb-4">
                            <div class="col">
                                <h6 class="m-0 font-weight-bold text-muted" data-translate-key="settings">Settings</h6>
                            </div>
                            <div class="col-auto">
                                <ul class="nav nav-pills" id="blocksTabs" role="tablist"></ul>
                            </div>
                        </div>

                        <div class="tab-content" id="blocksContent"></div>
                    </div>
                </div>
            </div>
        </section>

        <script id="siblingTabTemplate" type="text/x-handlebars-template">
            <li class="nav-item" id="blockTab{{coin}}">
                <a class="nav-link {{active}}" id="{{coin}}-tab" data-toggle="tab" href="#{{coin}}" role="tab" aria-controls="{{coin}}" aria-selected="true" data-coin="{{coin}}">{{coin}} {{symbol}}</a>
            </li>
        </script>

        <script id="siblingTemplate" type="text/x-handlebars-template">
            <div class="tab-pane {{active}}" id="{{coin}}" role="tabpanel" aria-labelledby="{{coin}}-tab">
                <div class="card shadow-light mb-4">
                    <div class="card-header font-weight-bold text-muted">
                        <h6 class="m-0" data-translate-key="verificationFields">Verification fields</h6>
                    </div>
                    <div class="card-body">
                        <p data-translate-key="minerVerification">In order to get a little more confidence that the wallet address is yours we ask you to give one of the worker names that is used by your miner.</p>
                        <div class="form-group">
                            <label for="yourAddress{{coin}}" data-translate-key="minerAddress">Miner Address</label>
                            <input type="text" class="form-control" id="yourAddress{{coin}}"  data-translate-placeholder="enterYourAddress" placeholder="Enter your address">
                        </div>
                        <div class="form-group">
                            <label for="yourIP{{coin}}" data-translate-key="minerIP">Miner IP Address</label>
                            <input type="text" class="form-control" id="yourIP{{coin}}" data-translate-placeholder="enterYourMinerIP" placeholder="An IP address your miners use (any)">
                        </div>
                    </div>
                </div>
                <div class="card shadow-light mb-4">
                    <div class="card-header font-weight-bold text-muted">
                        <h6 class="m-0" data-translate-key="setMinimumPayout">Set your minimal payout level</h6>
                    </div>
                    <div class="card-body">
                        <p data-translate-key="minerMinPayout">If you prefer a higher payout level than the pool's default then this is where you can change it for your miners. The amount you indicate here will become the minimum amount for pool payments to your address.</p>
                        <div class="form-group mb-0">
                            <label for="yourPayoutRate{{coin}}" data-translate-key="minimumPayout">Minimum payout</label>
                            <input type="number" class="form-control" id="yourPayoutRate{{coin}}">
                        </div>
                    </div>
                    <div class="card-footer text-muted text-center no-border pt-4">
                        <button class="btn btn-primary" id="payoutSetButton{{coin}}" data-translate-key="set">Set</button>
                    </div>
                </div>
            </div>
        </script>
    </main>

    <footer>
        <div class="container">
            <div class="footer-details row">
                <div class="col-md-6 col-lg-3 footer-widget">
                    <a href="https://cirquity.com"><img src="/img/logo.png" class="logo mb-2" alt="Cirquity"></a>
                    <p class="sub-heading">Private, fast, secure</p>
                </div>
                <div class="col-md-6 col-lg-2 offset-lg-1 footer-widget">
                    <h5 class="widget-title text-uppercase">Resources</h5>
                    <ul class="text-muted">
                        <li><a href="javascript:void(0)" class="text-reset disabled d-none" title="Coming soon">Coin Overview</a></li>
                        <li><a href="javascript:void(0)" class="text-reset disabled d-none" title="Coming soon">How to Trade Coin</a></li>
                        <li><a href="https://medium.com/@cirquity" class="text-reset">Blog News</a></li>
                    </ul>
                </div>
                <div class="col-md-6 col-lg-2 offset-lg-1 footer-widget">
                    <h5 class="widget-title text-uppercase">Quick Links</h5>
                    <ul class="text-muted">
                        <li><a href="https://explorer.cirquity.com" class="text-reset">Block Explorer</a></li>
                        <li><a href="https://pool.cirquity.com" class="text-reset">Main Pool</a></li>
                        <li><a href="javascript:void(0)" class="text-reset disabled d-none" title="Coming soon">Exchange Markets</a></li>
                    </ul>
                </div>
                <div class="col-md-6 col-lg-3 footer-widget pl-lg-5 pl-3">
                    <h6 class="widget-title text-uppercase">Get in touch</h6>
                    <div class="social text-muted">
                        <a href="https://github.com/cirquity" class="github text-reset"><i class="fab fa-github-alt"></i></a>
                        <a href="https://twitter.com/cirquity" class="twitter text-reset"><i class="fab fa-twitter"></i></a>
                        <a href="https://facebook.com/cirquity" class="facebook text-reset"><i class="fab fa-facebook"></i></a>
                        <a href="https://medium.com/@cirquity" class="facebook text-reset"><i class="fas fa-bullhorn"></i></a>
                        <a href="https://t.me/cirquity" class="telegram text-reset"><i class="fab fa-telegram-plane"></i></a>
                        <a href="https://chat.cirquity.com" class="discord text-reset"><i class="fab fa-discord"></i></a>
                        <a href="https://www.reddit.com/r/cirquity" class="reddit text-reset d-none"><i class="fab fa-reddit-alien"></i></a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="row">
                    <div class="col-lg-4 store-links text-center text-lg-left pb-3 pb-lg-0">
                        <p class="text-muted">&copy; 2020 Cirquity</p>
                    </div>
                    <div class="col-lg-8 text-center text-lg-right">
                        <p class="text-muted">
                            <span data-translate-key="poweredBy">Powered by</span> <a target="_blank" href="https://github.com/dvandal/cryptonote-nodejs-pool">cryptonote-nodejs-pool</a>
                            <span id="poolVersion"></span>
                            <span class="hidden-xs"><span data-translate-key="openSource">open sourced under the</span> <a href="http://www.gnu.org/licenses/gpl-2.0.html">GPL</a></span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!--====== Javascript & Jquery ======-->
    <script src="/config.js"></script>
    <script src="/vendor/jquery/jquery.min.js"></script>
    <script src="/vendor/bootstrap/bootstrap.bundle.js"></script>
    <script src="/vendor/mustache/mustache.min.js"></script>
    <script src="/vendor/timeago/jquery.timeago.js"></script>
    <script src="/js/translate.min.js"></script>
    <script src="/js/app.min.js"></script>
    <script src="/js/settings.min.js"></script>
</body>
</html>
